<template>
    <div class = "WriteCard">
        <div class = "write-icon">
            <img src="http://192.168.31.134:8000/images/write_work_1.png" alt="">
        </div>
        <div class = "write-content">
            <h5 class = "text-ellipses">课程标题课程标题课程标题课程标题课程标题</h5>
            <p class = "clearfix">
                <span class = "left">
                    <span class = "iconfont icon-maikefeng"></span>时长15:30
                </span>
                <span class = "right">888人已收听</span>
            </p>
        </div>
    </div>
</template>
<script>

export default {
    data(){
        return {

        }
    }
}
</script>
<style lang = "scss" scoped>
    .WriteCard{
        display: flex;
        padding: 20rpx 0;
        .write-icon{
            padding-right: 20rpx;
            width: 300rpx;
            img{
                width: 100%;
                height: 212rpx;
            }
        }
        .write-content{
            width: 380rpx;
            h5{
                padding-top: 30rpx;
                color: #333;
                font-size: 30rpx;
            }
            p{
                padding-top: 75rpx;
                color: #999;
                font-size: 24rpx;
                .left{
                    float: left;
                    .iconfont{
                        padding-right: 10rpx;
                        color: #FFAA00;
                        font-size: 36rpx;
                    }
                }
                .right{
                    float: right;
                    line-height: 42rpx;
                }
            }
        }
    }
</style>
